<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>WeUI</title>
		<link rel="stylesheet" href="css/weui.css" />
		<link rel="stylesheet" href="css/example.css" />
	</head>

	<body>
		<div class="page">
			<div class="hd">
				<h1 class="page_title">WeUI</h1>
				<p class="page_desc">为微信Web服务量身设计</p>
			</div>
			<div class="bd">
				<div class="weui_cells weui_cells_access global_navs">
					<a class="weui_cell js_cell" href="button.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_button.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>按钮</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="cell.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_cell.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>表单</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="toast.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_toast.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>提示框</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="dialog.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_dialog.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>对话框</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="progress.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_button.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>进度条</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="msg.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_msg.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>操作结果</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="article.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_article.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>文章排版</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="actionsheet.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_actionSheet.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>下拉功能</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
					<a class="weui_cell js_cell" href="icons.html">
						<span class="weui_cell_hd"><img src="./img/icon_nav_icons.png" class="icon_nav" alt=""></span>
						<div class="weui_cell_bd weui_cell_primary">
							<p>图标</p>
						</div>
						<div class="weui_cell_ft">
						</div>
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery.js"></script>
</html>